.iradio,
.icheckbox{
    position: relative;
    display: block;
    margin: 10px;
    padding: 8px 5px 8px 35px;
    font-size: 16px;
    line-height: 17px;
    color: #fff;
    border: none;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    cursor: pointer;
    width: 125px;
}

.iradio .icheck-icon,
.icheckbox .icheck-icon{
    position: absolute;
    top: 50%;
    left: 15px;
    width: 15px;
    height: 15px;
    margin: -5px 0 0 0;
    padding: 0;
    overflow: hidden;
    background: url('../img/icheckicon.png') no-repeat;
    border: none;
}

.iradio.checked .icheck-icon,
.icheckbox.checked .icheck-icon {
    background-position: -15px 0;
}

.iradio.disabled,
.icheckbox.disabled{
    background: #CEE2ED;
    cursor: default;
}

.iradio.disabled .icheck-icon,
.icheckbox.disabled .icheck-icon{
    background-position: -30px 0;
}

.iradio.checked.disabled .icheck-icon,
.icheckbox.checked.disabled .icheck-icon{
    background-position: -45px 0;
}

/* Retina support */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
       only screen and (-moz-min-device-pixel-ratio: 1.5),
       only screen and (-o-min-device-pixel-ratio: 3/2),
       only screen and (min-device-pixel-ratio: 1.5) {
       
	.iradio .icheck-icon,
    .icheckbox .icheck-icon {
        background-image: url('../img/icheckicon2x.png');
        -webkit-background-size: 60px 13px;
        background-size: 60px 13px;
    }
}

.icheckbox{
background: #95C1DB;
}
.icheckbox.hover,
.icheckbox.checked.hover{
    background: #4498C9;
}
.icheckbox.checked{
    background: #1479B5;
}
.icheckbox.checked.disabled{
    background: #CEE2ED;
}

.iradio {
    background: #89E6C4;
}
.iradio.hover {
    background: #49D6A3;
}
.iradio.checked {
    background: #12B87B;
}
.iradio.checked.disabled {
    background: #D0D9D6;
}




.icheckbox_flat{
    display: block;
    margin: 0;
    padding: 0;
    width: 20px;
    height: 20px;
    background: url('../img/icheckiconblue.png') no-repeat;
    border: none;
    cursor: pointer;
}

.icheckbox_flat {
    background-position: -66px 0;
}
    .icheckbox_flat.checked {
        background-position: -22px 0;
    }
    .icheckbox_flat.disabled {
        background-position: -44px 0;
        cursor: default;
    }
    .icheckbox_flat.checked.disabled {
        background-position: 0 0;
    }

/* Retina support */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
       only screen and (-moz-min-device-pixel-ratio: 1.5),
       only screen and (-o-min-device-pixel-ratio: 3/2),
       only screen and (min-device-pixel-ratio: 1.5) {
    .icheckbox_flat{
        background-image: url('../img/icheckiconblue2x.png');
        -webkit-background-size: 176px 22px;
        background-size: 176px 22px;
    }
}
